.custombox-overlay {
    position: fixed;
    overflow: hidden;
    top: 0;
    width: 100%;
    height: 100%;
    background:rgba(0, 0, 0, .75);
    z-index: 9997;
    transition-delay: 0s;
    transition-timing-function: linear;
    transition-property: opacity;
    display:none;
}
 .weixindialog {
  background-color: #FFF;
  box-shadow: 0 11px 15px -7px rgba(0, 0, 0, 0.2), 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12);
  padding: 20px;
  width:300px;
  height:400px;
  position: absolute;
  top:50%;
  left:50%;
  margin-left:-150px;
  margin-top:-200px;
  z-index:888;
}
.demo-close-btn {
  display: none;
}
.custombox-fullscreen .demo-close-btn {
  display: block;
  margin-bottom: 10px;
}
.demo-close {
  display: block;
  position: absolute;
  top: -35px;
  right: 0;
  z-index: 10000;
  outline: none;
  font-size: 30px;
  line-height: 30px;
  transition: transform .3s ease-in-out;
  color: #FFF;
  cursor:pointer;
}
.demo-close:hover {
  transform: rotate(360deg);
  color: #FFF;
}
.demo-close-btn {
  display: none;
}
@font-face {
    font-family: FontAwesome;
    src: url(/ContentMain/editor/fonts/fontawesome-webfont.eot);
    src: url(/ContentMain/editor/fonts/fontawesome-webfont.eot) format('embedded-opentype'),url(/ContentMain/editor/fonts/fontawesome-webfont.woff2) format('woff2'),url(/ContentMain/editor/fonts/fontawesome-webfont.woff) format('woff'),url(/ContentMain/editor/fonts/fontawesome-webfont.ttf) format('truetype'),url(/ContentMain/editor/fonts/fontawesome-webfont.svg) format('svg');
    font-weight: 400;
    font-style: normal;
}
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.fa-close:before, .fa-remove:before, .fa-times:before {
    content: "\f00d";
}